<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>H+ 后台主题UI框架 - 登录</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/login.css" rel="stylesheet">    
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/editTablestyles.css" />
	<script type="text/javascript" src="${pageContext.request.contextPath }/webjars/jquery/1.12.4/jquery.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/listTable.js"></script>
    <script>
        if (window.top !== window.self) {
            window.top.location = window.location;
        }
    </script>
</head>
<body class="signin">
    <div class="signinpanel">
        <div class="row">
            <div class="col-sm-7">
                <div class="signin-info">
                    <div class="logopanel m-b">
                        <h1>[ H+ ]</h1>
                    </div>
                    <div class="m-b"></div>
                    <h3>欢迎使用 <strong>NO.13GROUP汽车管理系统</strong></h3>
                     <ul class="m-b">
                 
                        <!-- <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势一</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势二</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势三</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势四</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 优势五</li>  -->
                         <li align="left">相对传统人工管理方式，我们提供网页端，APP端多种端口操作，让管理员彻底告别纸质办公，数据存储于云端，多重备份，管理员间数据共享，让您彻底摆脱口口相传，数据校验繁琐过程，并有效降低错误率，提高管理效率。系统一键通知，点点按钮就能让管理员-司机-用车人之间轻松完成良好互动，彻底与电话、微信沟通说拜拜</li>
                    </ul>            
                </div>
                    
            </div>
            <div class="col-sm-5">
                <form method="post" action="doLogin.action?methodName=login">
                    <h2 class="no-margins">账户登录</h2>
                    <p class="m-t-md">NO.13GROUP汽车管理系统</p>
                    
                     <input type="text" class="form-control uname" placeholder="用户名" name="loginuserName"/>
                    <input type="password" class="form-control pword m-b" placeholder="密码" name="loginpassword"/>
                    
	                    <input type="text" style="height: 35px;width: 160px;color: black;" placeholder="验证码" name="requestCode" size="15" />&nbsp;&nbsp;&nbsp;<span><img  src="vcode.jsp" /></span>
                    
              
                  	<br />
                    <br />
                    <!-- <a onclick="resetPassword();" style="color: black;">忘记密码了？</a>  -->
                  	<a onclick="window.location='user.action?methodName=toUpdateNext'" style="color: black;" ><b>忘记密码了？</b></a> 
                   
  			 		 <strong>还没有账号？ <a onclick="alertWin();" style="color: red;">立即注册&raquo;</a></strong>
   		 
                  <button class="btn btn-success btn-block">登录</button>                
                </form>
            </div>
        </div>
        <div class="signup-footer">
            <div class="pull-right">
                &copy; 2018年04月  NO.13 GROUP. 
            </div>
        </div>
    </div>
   <div>
        <div class="opacity_bg" style="color: blue;"  >
       		 </div>
        		<div id="dialog">
  		 	</div >
  			 <!--  <strong>还没有账号？ <a onclick="alertWin();" style="color: red;">立即注册&raquo;</a></strong> -->
   		 </div> 
</body>
</html>
<script type="text/javascript">
	
	$(function() {
		var msg = "${msg}";
		if (msg.length > 0) {
			alert(msg);
		}

	});
</script>
<script type="text/javascript">
    function alertWin(){
        $(".opacity_bg").show(); // 显示背景层,覆盖当前页面内容
                
        $("#dialog").load("user.action?methodName=toAddUser");    // 加载弹出页
    }
 /*    function iclose(){
        $(".opacity_bg").hide(); // 隐藏背景层
        $("#dialog").empty().hide(); // 清除弹出页
    } */	
    /*忘记密码页面  */
    function resetPassword(){
        $(".opacity_bg").show(); // 显示背景层,覆盖当前页面内容
                
        $("#dialog").load("user.action?methodName=toNext");    // 加载弹出页
    }
    
    
    
</script>
<script language="javascript">
        //防止页面后退
        history.pushState(null, null, document.URL);
        window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
        });
 </script>
</html>
